<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">员工信息</div>
            <div>
                <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="vc.goBack()">
                    <i class="fa fa-times"></i>返回
                </button>
            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="text-center vc-float-left" style="width: 150px;" v-if="adminStaffDetailInfo.photo">
                <image width="120px" height="140px" class="border-radius" v-bind:src="adminStaffDetailInfo.photo"
                       @error="errorLoadImg"/>
            </div>
            <div class="text-center vc-float-left" style="width: 150px;" v-else>
                <image width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg"/>
            </div>
            <div class="row" style="min-height: 160px;">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="编号：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.staffId}}</label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="名称：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.userName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="身份证：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.idCard}}</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="手机：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.tel}}</label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="性别：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.sex == '0'?'男':'女'}}</label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-form-label">
                                    <vc:i18n name="住址：" namespace="adminStaffDetailInfo"></vc:i18n>
                                </label>
                                <label class="">{{adminStaffDetailInfo.address}}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="vc-line-primary margin-top"></div>
        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailPrivilege'}"
                       v-on:click="changeTab('aStaffDetailPrivilege')">
                        <vc:i18n name="组织权限" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailClasses'}"
                       v-on:click="changeTab('aStaffDetailClasses')">
                        <vc:i18n name="排班" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailAttendance'}"
                       v-on:click="changeTab('aStaffDetailAttendance')">
                        <vc:i18n name="考勤" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailRepair'}"
                       v-on:click="changeTab('aStaffDetailRepair')">
                        <vc:i18n name="维修" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailInspection'}"
                       v-on:click="changeTab('aStaffDetailInspection')">
                        <vc:i18n name="巡检" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailMaintainance'}"
                       v-on:click="changeTab('aStaffDetailMaintainance')">
                        <vc:i18n name="保养" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailPurchaseApply'}"
                       v-on:click="changeTab('aStaffDetailPurchaseApply')">
                        <vc:i18n name="采购" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailItemOutApply'}"
                       v-on:click="changeTab('aStaffDetailItemOutApply')">
                        <vc:i18n name="领用" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <!-- 这个主要是oa 流程 后期根据客户需求 完善是否需要显示 -->
                <!-- <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'ownerDetailRoom'}"
                        v-on:click="changeTab('ownerDetailRoom')">
                        <vc:i18n name="流程" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li> -->
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailHisFee'}"
                       v-on:click="changeTab('aStaffDetailHisFee')">
                        <vc:i18n name="收费单" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailApplyReturnFee'}"
                       v-on:click="changeTab('aStaffDetailApplyReturnFee')">
                        <vc:i18n name="退费单" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailContract'}"
                       v-on:click="changeTab('aStaffDetailContract')">
                        <vc:i18n name="起草合同" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailAppAuth'}"
                       v-on:click="changeTab('aStaffDetailAppAuth')">
                        <vc:i18n name="员工认证" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                       v-bind:class="{active:adminStaffDetailInfo._currentTab == 'aStaffDetailAccessControl'}"
                       v-on:click="changeTab('aStaffDetailAccessControl')">
                        <vc:i18n name="人脸同步" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                 <!--
                <li class="nav-item">
                    <a class="nav-link"
                       v-bind:class="{active:adminStaffDetailInfo._currentTab == 'adminStaffDetailAccessControlRecord'}"
                       v-on:click="changeTab('adminStaffDetailAccessControlRecord')">
                        <vc:i18n name="开门记录" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
   <div v-if="adminStaffDetailInfo._currentTab == 'aStaffDetailPrivilege'">
        <vc:create path="staff/aStaffDetailPrivilege"></vc:create>
    </div>
     
    <div v-else class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailClasses'">
            <vc:create path="staff/aStaffDetailClasses"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailAttendance'">
            <vc:create path="staff/aStaffDetailAttendance"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailRepair'">
            <vc:create path="staff/aStaffDetailRepair"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailInspection'">
            <vc:create path="staff/aStaffDetailInspection"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailMaintainance'">
            <vc:create path="staff/aStaffDetailMaintainance"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailPurchaseApply'">
            <vc:create path="staff/aStaffDetailPurchaseApply"></vc:create>
        </div>
        
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailItemOutApply'">
            <vc:create path="staff/aStaffDetailItemOutApply"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailHisFee'">
            <vc:create path="staff/aStaffDetailHisFee"></vc:create>
        </div>
  
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailApplyReturnFee'">
            <vc:create path="staff/aStaffDetailApplyReturnFee"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailContract'">
            <vc:create path="staff/aStaffDetailContract"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailAppAuth'">
            <vc:create path="staff/aStaffDetailAppAuth"></vc:create>
        </div>
        <div v-show="adminStaffDetailInfo._currentTab == 'aStaffDetailAccessControl'">
            <vc:create path="staff/aStaffDetailAccessControl"></vc:create>
        </div>
                    <!--
       
        
        <div v-show="adminStaffDetailInfo._currentTab == 'adminStaffDetailAccessControlRecord'">
            <vc:create path="staff/adminStaffDetailAccessControlRecord"></vc:create>
        </div>


        -->
    </div> 
</div>